<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>

<body>

    <button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
    <p id="demo"></p>
    <!-- 代码将修改自身元素的内容 (使用 this.innerHTML): -->
    <button onclick="this.innerHTML=Date()">现在的时间是?</button>

    <p>点击按钮执行 <em>displayDate()</em> 函数.</p>
    <button onclick="displayDate()">点这里</button>
    <script>
    function displayDate(){
        document.getElementById("demo2").innerHTML=Date();
    }

    //按通过特定按键触发事件
    function displayDate2(){
        document.addEventListener("keypress", function(event) {
            if(event.key === 'Enter'){
                document.getElementById("demo3").innerHTML=Date();
            }
        })
    }
    </script>
    <p id="demo2"></p>

    <p>按通过特定按键触发事件:这是是通过enter按键展示时间</p>
    <input onclick="displayDate2()">点这里</button>
    <p id="demo3"></p>

    
</body>

</html>